<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>随机祝福语弹窗</title>
    <style>
        /* 页面背景 */
        body {
            margin: 0;
            padding: 0;
            background: #222;
            height: 100vh;
            overflow: hidden;
        }
        /* 祝福语弹窗样式 */
        .tip-box {
            position: absolute;
            padding: 12px 20px;
            border-radius: 4px;
            font-family: "微软雅黑";
            font-size: 18px;
            color: #333;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
            cursor: default;
            transition: all 0.3s;
        }
    </style>
</head>
<body>
    <script>
        // 祝福语列表（可自行添加）
        const tips = [
            '记得吃水果', '每天都要开心哦', '保持微笑哦', '要记得想我哦',
            '我想你了', '保持好心情', '元气满满', '早点休息',
            '没有烦恼', '多喝水哦', '好好爱自己', '多穿衣服','每天都要开心哦笨蛋'
        ];
        // 颜色列表（对应截图亮色）
        const colors = [
            '#FFB6C1', '#87CEEB', '#E6E6FA', '#DDA0DD', 
            '#FF7F50', '#FFD700', '#98FB98', '#FF69B4',
            '#F0E68C', '#ADD8E6', '#FFC0CB'
        ];
        // 页面宽高
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;

        // 生成单个祝福语弹窗
        function createTip() {
            const tipDiv = document.createElement('div');
            tipDiv.className = 'tip-box';
            
            // 随机选祝福语和颜色
            tipDiv.textContent = randomChoice(tips);
            tipDiv.style.backgroundColor = randomChoice(colors);
            
            // 随机位置（避免超出页面）
            tipDiv.style.left = `${randomInt(0, screenWidth - 100)}px`;
            tipDiv.style.top = `${randomInt(0, screenHeight - 50)}px`;
            
            document.body.appendChild(tipDiv);
            
            // 弹窗显示一段时间后自动移除（可选）
            setTimeout(() => {
                tipDiv.remove();
            }, 100000); // 5秒后消失，可修改
        }

        // 工具函数：随机选数组元素
        function randomChoice(arr) {
            return arr[Math.floor(Math.random() * arr.length)];
        }
        // 工具函数：随机整数
        function randomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        // 循环生成弹窗（随机间隔）
        setInterval(() => {
            createTip();
        }, randomInt(100, 500)); // 0.5-2秒生成一个新弹窗
    </script>
</body>
</html>